<template>
  <view class="register-success">
    <server-image name="regSuccessBg202010001.png" mode="widthFix" class="bg disb"></server-image>
    <view class="content">
      <server-image name="regSuccessIcon202010001.png" mode="widthFix" class="icon disb"></server-image>
      <view class="txt-1">恭喜注册成功</view>
      <view class="txt-2">请关注我们的公众号【广州商科】</view>
      <view class="txt-2" style="margin-bottom: 80rpx">或下载广州商科APP进行登录</view>
      <a href="http://dl.vgood365.com/dl-page/index.html">
        <server-image name="regSuccessBtn202010001.png" mode="widthFix" class="btn disb"></server-image>
      </a>
      <a href="https://apps.apple.com/cn/app/%E7%BE%8E%E5%A5%BD365/id1566322278">
        <server-image
          name="regSuccessBtn202010002.png"
          mode="widthFix"
          class="btn disb"
          style="margin-bottom: 90rpx"
        ></server-image>
      </a>
      <server-image
        name="qrcode_for_gh_56757f5c581d_258.jpg"
        mode="widthFix"
        class="qrcode disb"
      ></server-image>
      <view class="txt-3">长按保存图片 关注公众号</view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  onLoad() {
    uni.setStorageSync('fromRegisterUccess', 'true');
  },
};
</script>

<style lang="less" scoped>
.bg {
  width: 750rpx;
  height: 1334rpx;
  display: block;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}

.content {
  padding-top: 100rpx;
  position: relative;
  z-index: 1;
}

.icon {
  width: 193rpx;
  height: 200rpx;
  display: block;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 30rpx;
}

.txt-1 {
  font-size: 44rpx;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 45rpx;
  text-align: center;
}

.txt-2 {
  font-size: 32rpx;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
}

.txt-3 {
  font-size: 34rpx;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
}

.btn {
  width: 538rpx;
  height: 90rpx;
  display: block;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 30rpx;
}

.qrcode {
  width: 320rpx;
  height: 320rpx;
  display: block;
  border-radius: 10rpx;
  margin: 0 auto;
  margin-bottom: 30rpx;
}
</style>
